<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>天气预报</title>

		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
	</head>

	<body>
		<div class="box">
			<div class="container">
				<input type="text" id="inp" placeholder="请输入城市" value="泊头" />
				<ul id="today">
					<li>
						<a href="#">今天</a>
					</li>
					<li>
						<a href="#">未来7天</a>
					</li>
					<li>
						<a href="#">8-15天</a>
					</li>
					<li>
						<a href="#">40天</a>
					</li>
					<li>
						<a href="#">雷达图</a>
					</li>
				</ul>
				<ul id="weather">
					<li>
						<p></p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>21日</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>22日（后天）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>23日（周一）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>24日（周二）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>25日（周三）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
					<li>
						<p>26日（周四）</p>
						<p></p>
						<p>
							<span></span>/
							<span></span>℃
						</p>
						<p></p>
					</li>
				</ul>
				<div class="report">
					<p>分时段报告</p>
					<ul id="report">
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
						<li>
							<p></p>
							<p>
								<span></span>/℃
							</p>
							<p></p>
							<p></p>
						</li>
					</ul>
				</div>
				<div class="live">
					<p>生活指数</p>
					<ul id="live">
						<li>
							<p>
								<i></i><br /> 紫外线指数
							</p>
							<h3></h3>
							<span></span>
						</li>
						<li>
							<p>
								<i></i><br /> 减肥指数
							</p>
							<h3></h3>
							<span></span>
						</li>
						<li>
							<p>
								<i></i><br /> 血糖指数
							</p>
							<h3></h3>
							<span></span>
						</li>
						<li>
							<p>
								<i></i><br /> 穿衣指数
							</p>
							<h3></h3>
							<span></span>
						</li>
						<li>
							<p>
								<i></i><br /> 汽车指数
							</p>
							<h3></h3>
							<span></span>
						</li>
						<li>
							<p>
								<i></i><br /> 空气污染扩散指数
							</p>
							<h3></h3>
							<span></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script src="js/new_file.js"></script>
	</body>

</html>